<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>决策计算器</title>
    <meta content="决策分析器，帮助你快速分析自己该不该这样做" name="Description">
    <meta content="" name="Keywords">
    <script src="./src/js/avalon.modern.1.5.min.js"></script>
    <link rel="stylesheet" href="./src/css/bootstrap.min.css">
    <link href="./src/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="./src/css/local.css">
</head>
<body>
<div class="container" ms-controller="index">
    <div class="step">
        <h1>STEP 1 : 建立个人幸福指数公式<br>
            <small>
                你对幸福的衡量标准 <small>（G点）</small>，以及权重 <small>（G点有多爽）</small>
            </small>
        </h1>
        <hr>
        <div class="row">
            <div class="col-sm-3" ms-repeat="things">
                <div class="things text-center">

                    <input type="text" ms-duplex="el.title" class="form-control" placeholder="幸福的事物">
                    <br>
                    权重：{{el.weight}}
                    <input type="range" ms-duplex="el.weight" min="0" max="100">

                    <br>
                    <div class="del-icon" ms-click="delThing($index)">
                        <i class="icon-remove-sign"></i>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <button class="btn btn-block btn-default btn-lg" ms-click="addThing">
                    添加一个 G 点
                </button>
            </div>
        </div>
    </div>

    <div class="step">
        <h1>STEP 2 : 举出鱼和熊掌<br>
            <small>
                添加两件或多件不能同时兼得的事情（废话，能兼得还纠结个毛！直接都做了！）
            </small>
        </h1>
        <hr>
        <div class="row">
            <div class="col-sm-6" ms-repeat-el="minds">
                <div class="things">
                    <input type="text" class="form-control" ms-duplex="el.title" placeholder="纠结的事情之一">
                    <hr>
                    <h3>如果选择这么做，各个 G 点的得分（满分100）：</h3>
                    <div class="row">
                        <div class="col-sm-6" ms-repeat-al="el.val">
                            {{things[$index].title}}
                            <input type="number" placeholder="如果这么做的分数" class="form-control" ms-duplex="al">
                            <br>
                        </div>
                    </div>


                    <div class="del-icon" ms-click="delMind($index)">
                        <i class="icon-remove-sign"></i>
                    </div>
                </div>


            </div>
            <div class="col-sm-6">
                <button class="btn btn-block btn-default btn-lg" ms-click="addMind">
                    添加一个纠结的事情
                </button>
            </div>
        </div>
    </div>
    <div class="step">
        <h1>STEP 3 : 所以我应该选择<br>
            <button class="btn btn-default" ms-click="addUp">输出结果</button>
        </h1>
        <hr>

        <div class="row">
            <div class="col-sm-4" ms-repeat="minds" ms-class="bigest:bigest==$index">
                <div class="things">
                    <h2>
                        {{el.title}}
                    </h2>
                    <hr>
                    <div class="big-num">
                        {{el.happiness}}
                    </div>

                </div>
            </div>
        </div>

    </div>

</div>


<script src="./plugins/cache/cache.js"></script>
<script src="./index.js"></script>
</body>
</html>